import React from 'react'
import { Input ,Button,Select} from 'antd';
const { Option } = Select;

function Header(props) {

    let { reastDate,change,query,set_state}  =props
  return (
    <>
       <header>
          <div>
            <div>规则名称: 
              <Input placeholder="Basic usage"
              onChange={change} /></div>
            <div>使用状态:
              <Select
                  defaultValue="请选择"
                  style={{
                    width: 120,
                  }}
                  onChange={set_state}
                >
                  <Option value="异常">异常</Option>
                  <Option value="已关闭">已关闭</Option>
                  <Option value="运行中">运行中</Option>
                  <Option value="已上线">已上线</Option>
              </Select>
            </div>
            
             
          </div>

          <div>
            <Button type="primary" onClick={query}>查询</Button>
            <Button type="primary" 
            onClick={reastDate}>重置</Button>
           
          </div>

        
      </header>
    </>
        

     
    
   
  )
}

export default Header